import * as React from "react"

import Layout from "../components/Layout"
import FixedContent from "../components/FixedContent"
import Seo from "../components/Seo"
import { PageProps, Link } from "gatsby"
import { Result, Button } from 'antd'

const NotFoundPage: React.FC<PageProps> = () => (
  <Layout>
    <Seo title="404: Not found" />
    <FixedContent>
      <Result
        status="404"
        title="404"
        subTitle="对不起页面没有找到"
        extra={
          <Link to="/">
            <Button type="primary">返回首页</Button>
          </Link>
        }
      />
    </FixedContent>
  </Layout>
)

export default NotFoundPage
